<!DOCTYPE html>
<html>
<head lang="zh">
    <meta charset="UTF-8">
    <title>Button</title>
    <meta content="button" name="Description">
    <meta content="按钮" name="Keywords">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--坑爹的IE兼容-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 将360默认为极速模式打开-->
    <meta name="renderer" content="webkit">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css"/>

    <link rel="stylesheet" href="./bootstrap/css/style.css"/>
</head>
<body>

<div style="margin-top: 30px">
    <button class="btn-mini">
        按钮
    </button>
    <button class="btn-small">
        按钮
    </button>
    <button class="btn">
        按钮
    </button>
    <button class="btn-large">
        按钮
    </button>
</div>

<div style="margin-top: 30px">
    <button class="btn-mini">
        按钮
    </button>
    <button class="btn-small">
        按钮
    </button>
    <button class="btn">
        按钮
    </button>
    <button class="btn-large">
        按钮
    </button>
</div>

<div style="margin-top: 30px">
    <button class="btn-mini">
        按钮
    </button>
    <button class="btn-small">
        按钮
    </button>
    <button class="btn">
        按钮
    </button>
    <button class="btn-large">
        按钮
    </button>
</div>

<div style="margin-top: 30px">
    <button class="btn-mini">
        按钮
    </button>
    <button class="btn-small">
        按钮
    </button>
    <button class="btn">
        按钮
    </button>
    <button class="btn-large">
    按钮
    </button>
</div>

</body>
</html>